.top {
  width: 100%;
  height: 350rpx;
  background: #a29bfe;
  padding-top: 15px;
  position: relative;
  .center {
    width: 95%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    border-radius: 5px;
    .gif-wave {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index: 99;
      mix-blend-mode: screen;
      height: 100rpx;
    }
  }
}

.bot {
  margin-top: 40rpx;
  .list {
    position: relative;
    padding: 20rpx;
    .list-item {
      width: 600rpx;
      // padding: 20rpx;
      margin-top: 30rpx;
      font-size: 34rpx;
      border-bottom: 2rpx solid #eaeaea;
      color: #6e6e6e;
      .ico {
        margin-right: 20rpx;
      }
      &:first-child {
        margin-top: 0;
      }
      .clitem {
        padding: 20rpx;
        padding-left: 0;
      }
    }
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 4rpx solid #a29bfe;
      transition: all 0.5s;
      animation: clippath 3s infinite linear;
    }
  }
}
